<template>
  <!-- 消息 -->
  <div class="InformationView">
    <!-- 消息界面----右上角消息状态 -->
    <div class="head">
      <van-nav-bar
          title="消息"
          right-text="全部消息已读"
          @click-right="onClickRight()"
      />
    </div>
    <!-- 消息提醒的主要内容  三个部分-->
    <div class="content">
      <van-tabs v-model="activeName" color="#1989FA" title-active-color="#1989FA">
        <!-- 健康提醒 -->
        <van-tab title="健康提醒" name="a">
          <!-- 日志填写 ---跳转写日志 -->
          <van-cell
              title="你已经两天没有写日志了请及时填写"
              is-link
              to="/WriteLog"
          />
          <!-- 病历更新 --跳转我的病历-->
          <van-cell
              title="你的医生更新了病历请查看"
              is-link
              to="/Completecase"
          />
          <!-- 吃药提醒 ---跳转首页-->
          <van-cell
              title="王全蛋医生提醒您该吃药了，如已服用请记录"
              is-link
              to="/frontPage"
          />
        </van-tab>
        <van-tab title="活动提醒" name="b">
          <!-- 活动消息提醒--跳转到我的医生 -->
          <van-cell title="您关注的医生有新的活动" is-link to="/MyDoctor"/>
          <van-cell
              title="您已成功报名患教活动"
              is-link
              url="/vant/mobile.html"
          />
        </van-tab>
        <!-- 设置提醒---跳转系统更新 -->
        <van-tab title="设置提醒" name="c">
          <van-cell title="请完成系统更新" is-link to="/MyVersion"/>
          <van-cell title="系统已经更新" is-link to="/MyVersion"/>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
export default {
  name: "InformationView",
  data() {
    return {activeName: "a"};
  },
  mounted() {
  },
};
</script>

<style scoped>
.content {
  width: 100%;
}
</style>
